<!DOCTYPE html>
<html data-theme="">

<head>
	<meta charset="utf-8">
	<title>一个人一组的网页</title>
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/subject.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/tools.css">
</head>

<body id="bg" class="bg_x">
	<div class="menu">
		<a href="login.html">
			<img src="img/登录.png" alt="">
		</a>
		<hr width="50%" color="black">
		<div class="menuBox">
			<div><a href='#'>
					<img src="img/主页.png" alt=""></a>
				<p>简约</p>
			</div>
			<div><a href="#tsubject">
					<img src="img/书签.png" alt=""></a>
				<p>书签</p>
			</div>
			<div><a href="#tools">
					<img src="img/工具箱.png" alt=""></a>
				<p>工具</p>
			</div>
		</div>
	</div>
	<div class="main">
		<div class="qlg">
			<!-- 搜索栏 -->
			<div class="searchdiv">
				<div class="browser">
					<div></div>
				</div>
				<input type="search" placeholder="输入搜索内容">
				<div class="browserList">
					<ul>
						<li class="browserListli"><img src="img/browser/bing_new.png" alt=""><span>必应搜索（默认）</span></li>
						<li class="browserListli"><img src="img/browser/baidu.png"><span>百度搜索</span></li>
						<li class="browserListli"><img src="img/browser/360.png"><span>360搜索</span></li>
						<li class="browserListli"><img src="img/browser/google.png"><span>谷歌搜索</span></li>
						<li class="browserListli"><img src="img/browser/sougou.png"><span>搜狗搜索</span></li>
					</ul>
				</div>
			</div>
			<!-- 书签 -->
			<div class="subject" id="subject">
				<div class="topblock">
					<div class="app">
						<div class="tubiao">
							<a
								href="https://activity.huaweicloud.com/discount_area_v5/index.html?utm_source=qihu&utm_medium=se-cpc-op&utm_campaign=&utm_content=&utm_term=%E5%8D%8E%E4%B8%BA%E4%BA%91&utm_adplace=AdPlace063504"><img
										src="img/华为云.png" alt="" />
								<p>Huaweiyun</p>
							</a>
						</div>
						<!-- <span></span> -->
					</div>
					<div class="app">
						<div class="tubiao">
							<a href="https://tb.alicdn.com/snapshot/index.html"><img src="img/淘宝,TAO,alibaba,1688.png"
										alt="" />
								<p>taobao</p>
							</a>
						</div>
					</div>
					<div class="app">
						<div class="tubiao"><a href="https://www.ctrip.com/">
								<img src="img/携程商旅.png" alt="" />
								<p>携程</p>
							</a>
						</div>
					</div>
					<div class="app">
						<div class="tubiao"><a href="https://ys.mihoyo.com/">
								<img src="img/ys.jpg" alt="" />
								<p>原神</p>
							</a>
						</div>
					</div>
					<div class="app">
						<div class="tubiao"><a href="https://www.zhihu.com/signin?next=%2F">
								<img src="img/知乎问答.png" alt="" />
								<p>知乎</p>
							</a>
						</div>
					</div>
					<div class="app">
						<div class="tubiao"><a href="https://github.com">
								<img src="img/github.png" alt="" />
								<p>GitHub</p>
							</a>
						</div>
					</div>
					<div class="app">
						<div class="tubiao"><a href="https://www.bilibili.com/">
								<img src="img/bilibili.png" alt="" />
								<p>哔哩哔哩</p>
							</a>
						</div>
					</div>
				</div>
				<div class="bottomblock">
					<div class="app">
						<div class="tubiao"><a href="https://v.qq.com">
								<img src="img/腾讯视频.png" alt="" />
								<p>腾讯</p>
							</a>
						</div>
					</div>
					<div class="app">
						<div class="tubiao"><a href="https://www.jd.com/">
								<img src="img/京东-01.png" alt="" />
								<p>京东</p>
							</a>
						</div>
					</div>
					<div class="app">
						<div class="tubiao"><a href="https://www.lofter.com/">
								<img src="img/lofter.png" alt="" />
								<p>Lofter</p>
							</a>
						</div>
					</div>
					<div class="app">
						<div class="tubiao"><a href="https://www.aliyun.com">
								<img src="img/阿里云官方-中文LOGO.png" alt="" />
								<p>阿里云</p>
							</a>
						</div>
					</div>
					<div class="app">
						<div class="tubiao"><a href="https://www.tmall.com/">
								<img src="img/天猫logo2.png" alt="" />
								<p>天猫</p>
							</a>
						</div>
					</div>
					<div class="app">
						<div class="tubiao"><a href="https://m.weibo.cn/">
								<img src="img/微博.png" alt="" />
								<p>微博</p>
							</a>
						</div>
					</div>
					<div class="app">
						<div class="tubiao"><a href="https://www.12306.cn/index/">
								<img src="img/高铁.png" alt="" />
								<p>铁路12306</p>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div id="tsubject"></div>
		</div>
		<!-- 工具 -->
		<div class="tools" id="tools">

			<div class="ToDoList">
				<p id="todoh1" style="text-align: center;"><i>ToDoList</i></p>
				<form>
					<input type="text" class="todo-input" placeholder="输入ToDo任务">
					<button class="todo-button" type="button"><i class="fa fa-plus-square">ok</i></button>
					<div class="select">
						<select name="todos" class="filter-todo">
								<option value="all">全部</option>
								<option value="completed">已完成</option>
								<option value="unCompleted">未完成</option>
							</select>
					</div>
				</form>
				<div class="todo-container">
					<ul class="todo-list"></ul>
				</div>
			</div>

			<div class="WhatToEat">
				<div class="food">今天吃什么？</div>
				<div class="click">
					<span id="show-box">点击开始</span>
				</div>
			</div>

			<div class="toolsbox">
				<div class="toolsLeft">
					<ul class="tubiao">
						<li><a href="https://fanyi.youdao.com/index.html#/">在线翻译</a></li>
						<li><a href="https://www.toolhelper.cn/Digit/Calc">在线计算器</a></li>
						<li><a href="https://www.alltoall.net/">在线格式转换</a></li>
						<li><a href="https://mubu.com/home">思维导图</a></li>
						<li><a href="https://removebg.ai/">抠图神器</a></li>
						<li><a href="https://www.qiwangming.com/goupi/">文章生成器</a></li>
					</ul>
				</div>

				<div class="toolsRight">
					<ul class="tubiao">
						<li><a href="http://www.hippter.com/">PPT模板</a></li>
						<li><a href="https://www.emojiall.com/zh-hans">emoji大全</a></li>
						<li><a href="https://www.iconfont.cn/">矢量图标库</a></li>
						<li><a href="https://www.autopiano.cn/post/">自由钢琴</a></li>
						<li><a href="https://uutool.cn/muyu/">电子木鱼</a></li>
						<li><a href="https://www.skylinewebcams.com/zh/.html">全球高清实况摄像头</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="mode">
		<button class="button_x" onclick="change_bg_1()" id="light">光</button>
		<button class="button_x" onclick="change_bg_2()" id="dark">暗</button>
	</div>

</body>
<script src="js/app.js"></script>
<script src="js/script.js"></script>
<!-- todolist -->

</html>